<!-- 系统设置 -->
<template>
	<zh-app style="background-color: white;font-family: '阿里巴巴普惠体'">
		<!-- 导航栏 -->
		<zh-navbar title="系统设置" color="#85a5ff" linear="right"  />
		<!-- 主体 -->
		<view class="settings-item flex-bothends" >
			<view class="flex-left">
				<tm-icon name="tmicon-user-fill" style="margin-right: 12rpx;"></tm-icon>
				<zh-text label="长辈版"></zh-text>
			</view>
			<zh-switch :followTheme="false"  @change="onChange" :defaultValue="data.elderFlag"></zh-switch>
		</view>
		<zh-sheet :padding="[0,0]">
		<zh-button :followTheme="false" v-if="!system.zlbFlag" color="grey" block @click="logout" label="退出登录"></zh-button>
		</zh-sheet>
	</zh-app>
</template>
<script lang="ts" setup>
	import {ref, reactive} from "vue";
	import { onLoad } from "@dcloudio/uni-app";
	import { system } from '@/store'
	// ------------------接收传入参数(组件)-------------------

	// ------------------变量区------------------------------
	// 主数据
	const data = reactive({
		// 设置选项数组
		elderFlag:system.uiStyle==='elder'?true:false
	})

	// ------------------方法区------------------------------
	// 开关状态改变的回调
	const onChange = (modelValue: any) => {
		if(modelValue){
			system.setUiStyle('elder')
		}else{
			system.setUiStyle('normal')
		}
	}
	const logout=()=>{
		$api.common.logout.post({})
	}
	// ------------------钩子函数----------------------------
	// 初始化
	onLoad((options: any) => {
		console.log('options = ', options);
	})
</script>
<style lang="scss" scoped>
	.settings-item {
		height: 100rpx;
		margin: 0 50rpx;
		border-bottom: 1rpx solid #d9d9d9;
	}
</style>